<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2015/8/10 0010
  Time: 16:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!--此标签的作用告诉浏览器按照W3c标准来解析此页面-->
<!DOCTYPE html>
<!--加上此标签所有css组件的引用都会有自动提示，便于代码的开发-->
<html lang="zh-CN">
  <%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<base href="<%=basePath%>">
<html>
<head>
  <title>主页面</title>
  <link href="/css/bootstrap.min.css" rel="stylesheet">
  <script src="/jquery/jquery.min.js"></script>
  <script src="/js/bootstrap.min.js"></script>
  <style type="text/css">
    .myFont{
      color: #357ebd;
      font-size: smaller
    }
    .article{
      color: #357ebd;
      font-size: small
    }
  </style>
</head>
<body>
<div class="container">
  <ul class="nav nav-pills nav-justified" >
    <form class="navbar-form navbar-left" role="search">
      <div class="form-group">
        <input type="text" class="form-control" placeholder="Search">
      </div>
      <button type="submit" class="btn btn-default">搜索</button>
    </form>
    <li role="presentation">
      <a class="glyphicon glyphicon-user" href="#">主页</a>
    </li>
    <li role="" class="">
      <a href="#">美食</a>
    </li>
    <li role="presentation" class="">
      <a href="#">潮搭</a>
    </li>
    <li role="presentation" class="">
      <a href="#">屋子</a>
    </li>
    <li role="presentation" class="">
      <a href="#">出行</a>
    </li>
    <li role="presentation" class="">
      <a href="#">附近</a>
    </li>
  </ul>
</div>

<br>
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="thumbnail">
        <img src="../images/jpg/7ab035e82ed344c.jpg" >
      </div>
    </div>
  </div>
</div>

<div class="container">
  <h5>热点内容...</h5>
  <div class="row">
    <div class="col-xs-6 col-md-2">
      <div class="thumbnail">
        <img src="../images/jpg/477fd71e5146fe089bf1bdba3253bd05.png" alt="...">
        <%--<h3>Thumbnail label</h3>--%>
        <p class="myFont">那是一个晴朗的午后...</p>
        <%--<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>--%>
      </div>
      <div class="thumbnail">
        <img src="../images/jpg/477fd71e5146fe089bf1bdba3253bd05.png" alt="...">
        <%--<h3>Thumbnail label</h3>--%>
        <p class="myFont">那是一个晴朗的午后...</p>
        <%--<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>--%>
      </div>
    </div>
    <div class="col-xs-6 col-md-2">
      <div class="thumbnail">
        <img src="../images/jpg/477fd71e5146fe089bf1bdba3253bd05.png" alt="...">
        <%--<h3>Thumbnail label</h3>--%>
        <p class="myFont">那是一个晴朗的午后...</p>
        <%--<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>--%>
      </div>
      <div class="thumbnail">
        <img src="../images/jpg/477fd71e5146fe089bf1bdba3253bd05.png" alt="...">
        <%--<h3>Thumbnail label</h3>--%>
        <p class="myFont">那是一个晴朗的午后...</p>
        <%--<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>--%>
      </div>
    </div>
    <div class="col-xs-6 col-md-4">
      <p class="article"><a href="#">那家的东西真的是超级好吃，这里我不得不评价一下！</a></p>
      <p class="article"><a href="#">今天遇到一个长得特别像斗地主的人，吓死我了，哈哈哈啊！</a></p>
      <p class="article"><a href="#">君不见高堂明镜悲白发，我只能说你在这里你们只能去别的地方去自杀了！</a></p>
      <p class="article"><a href="#">那家的东西真的是超级好吃，这里我不得不评价一下！</a></p>
      <p class="article"><a href="#">这些高墙还真是有点意思。一开始你恨它，然后你对它就习惯了。等相当的 时间过去后，你还会依赖它。</a></p>
      <p class="article"><a href="#">那家的东西真的是超级好吃，这里我不得不评价一下！</a></p>
      <p class="article"><a href="#">今天遇到一个长得特别像斗地主的人，吓死我了，哈哈哈啊！</a></p>
      <p class="article"><a href="#">君不见高堂明镜悲白发，我只能说你在这里你们只能去别的地方去自杀了！</a></p>
      <p class="article"><a href="#">那家的东西真的是超级好吃，这里我不得不评价一下！</a></p>
      <p class="article"><a href="#">这些高墙还真是有点意思。一开始你恨它，然后你对它就习惯了。等相当的 时间过去后，你还会依赖它。</a></p>
    </div>
    <div class="col-xs-6 col-md-2">
      <a href="#" class="thumbnail">
        <img src="../images/jpg/c2fd8de8a09a1795701ccfd5db3f905c.jpeg" alt="广告位">
      </a>
      <smaller>自信</smaller>
      <p class="article">你远比你想象中的重要，请不要轻视自己！</p>
      <smaller>能量</smaller>
      <p class="article">年轻没有什么是不可能的,勇敢迈出第一步！</p>
      <smaller>旅游</smaller>
      <p class="article">世界那么大，我想出去走走！</p>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-xs-6 col-dm-2">
      <a>美食</a>
      <a>口碑</a>
      <a>发现</a>
      <a>外卖</a>
      <%--<ul class="">--%>
      <p class="navbar-text">美食</p>
      <li role="presentation"><a href="#">口碑</a></li>
      <li role="presentation"><a href="#">发现</a></li>
      <li role="presentation"><a href="#">外卖</a></li>
      <%--</ul>--%>
    </div>
  </div>
</div>

</body>
</html>
